<template>
  <div class="dashboard-container">
    <div class="app-container">
      <!-- 使用组件 -->
      <UploadExcel :on-success="onSuccess"></UploadExcel>
    </div>
  </div>
</template>

<script>
import { importEmployees } from '@/api/employees'
export default {
  data() {
    return {
      // 字典
      dict: {
        // key : value 键等于值
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
    }
  },

  methods: {
    async onSuccess(data) {
      console.log(29, data)
      console.log(30, data.header)
      console.log(31, data.results)
      const newData = data.results.map(user => {
        return this.cnToen(user)
      })
      console.log('最终用户数组', newData)

      // 发请求 + 提示用户 + 回退一步
      await importEmployees(newData)
      this.$message.success('导入成功')
      this.$router.back()
    },

    // 中文转英文
    cnToen(user) {
      console.log('旧', user)
      const newUser = {} // 新user

      // 用for in 遍历得到的每一个user
      for (const key in user) {
        const enKey = this.dict[key] // dict[key] 代表字典里的中文
        console.log('enKey', enKey)
        console.log('dict[key]', this.dict[key])
        const value = user[key] // user[key] 代表对象里的值
        console.log('value', value)
        // 跟日期有关的要处理
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          newUser[enKey] = new Date(this.formatExcelTime(value))
        } else {
          newUser[enKey] = value // 把value值赋值给newUser里的英文值
        }
      }
      console.log('新', newUser)
      return newUser
    },

    // 格式化Excel表格中的存储时间
    formatExcelTime(num, format = '-') {
      num = Number(num)	// 强制类型转化，以防传来的值是字符串
      let millisecond = 0	// 转化后的毫秒数
      if (num > 60) {
        millisecond = (num - 25569) * 60 * 60 * 24 * 1000
      } else {
        millisecond = (num - 25568) * 60 * 60 * 24 * 1000
      }
      const date = new Date(millisecond)	// 根据转化后的毫秒数获取对应的时间
      const yy = date.getFullYear()
      const mm = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
      const dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
      return yy + format + mm + format + dd	// 返回格式化后的日期
    }
  }
}
</script>

<style>

</style>
